
import {lazy} from 'react'

import {
  AppOutline,
  MessageOutline,
  MessageFill,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'

let Main=lazy(()=>import('../pages/main/Index'))
let City=lazy(()=>import('../pages/city/Index'))
let Home=lazy(()=>import('../pages/home/Index'))
let Classfiy=lazy(()=>import('../pages/classfiy/Index'))
let Message=lazy(()=>import('../pages/message/Index'))
let User=lazy(()=>import('../pages/user/Index'))


export let homeRouter=[
   {
        path:'/',
        element:<Home></Home>,
        title:'首页',
        icon:<AppOutline></AppOutline>
    }, 
    {
        path:'/classfiy',
        element:<Classfiy></Classfiy>,
        title:'分类',
        icon:<MessageOutline></MessageOutline>
    }, 
    {
        path:'/message',
        element:<Message></Message>,
        title:'消息',
        icon:<UnorderedListOutline></UnorderedListOutline>
    }, 
    {
        path:'/user',
        element:<User></User>,
        title:'我的',
        icon:<UserOutline></UserOutline>
    }, 
]

let routes =[
    {
        path:'/',
        element:<Main></Main>,
        children:homeRouter
    },
     {
        path:'/city',
        element:<City></City>
    },
]
export default routes